body{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#butlit{
    position:absolute;
    height: 30px;
    width: 100%;
    z-index: 10;
    bottom: 10px;
    right: 10px;


}
#fullbut{
    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    background-image: url("../image/full.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.aaa{
    position:absolute;
    width:500px;
    height: 100px;
    top:20px;
    color:#ffffff;

}
.bbb{
    width:200px;

}
#nofull{

    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    display: none;
    background-image: url("../image/nofull.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.isvr{
    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    margin-right: 15px;
    background-image:url("../image/vr2.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.novr{
    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    margin-right: 15px;
    background-image:url("../image/novr.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.islabel{
    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:url("../image/lab2.png") ;
}
.nolabel{
    width:30px;
    height: 30px;
    position:relative;
    float: right;
    z-index: 100;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image:url("../image/lab1.png") ;
}
#loadall{
    width:80px;
    height: 80px;
    z-index: 1000;
    left:45%;
    top:43%;
    position:absolute;
}
#bg1{
    /*width:10%;*/
    height:2px;
    background:#2187e7 ;
    box-shadow:0 0 10px 2px rgba(0,198,255,0.4);
    /*margin-top:1px;*/
    position:absolute;
}
#bg{
    width:100%;
    height:3px;
    margin-top: 30px;
    position:absolute;
    z-index:1100 ;
    border-radius:3px;
    border-left:1px solid #111;
    border-top:1px solid #111;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    background: #1a1a1a;
}
#bar{
    width: 6px;
    height:6px;
    z-index: 1101;
    border-radius: 50%;
    background: #79fdff;
    margin-top: -2px;
    /*margin-left: 10%;*/
    box-shadow:0 0 10px 3px rgba(181, 255, 252, 0.4);
    /* -webkit-box-shadow:0 0 8px #979391 ;*/
}
#loadnum{
    position: absolute;
    border-radius:50%;
    color: #10bdff;
    z-index: 1002;
    margin-left: 50%;
    /*margin: 8px 50%;*/
    background: rgba(113, 92, 134, 0);
    text-align: center;
    /*line-height: 80px;*/
    font-size: 20px;
}
#viewport{
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top:0;
    margin-right: auto;
    background-image:url("../image/backgroud.jpg") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.label2d{
    position:absolute;
     z-index: 200;
    pointer-events: none;
}
.label2dCanvas{
    width:100px;
    height:50px;

}

.labelBody{

    width:  180px;
    /*height: 17px;*/
    opacity: 0.8;
    padding: 10px;
    color: #e4e2e1;
    border-radius: 7px;
    background: #232323;
}
.labelBody textarea{
    padding: 0;
    color: #e4e2e1;
    width: 180px;
    height: 17px;
    background:transparent;
    border-style:none;
    pointer-events:visible;
    resize: none;

}

.labelEditor{
    float: left;
    margin-left: 1%;
    width: 31%;
    height: 30px;
    /*    padding: 5px;*/
    background: #5d5d5d;
}
.labelTitle{
    width: 200px;
    height: 25px;
    margin-top: 5px;
    margin-left: 15px;
    padding: 0px;
    background-color: #2a2a2a;
    border-top: 2px #0c0c0c solid !important;
    border-left: 2px #0c0c0c solid !important;
}